@import "../_mixin";

html {
    background-color: #ffffff;
}

.group-sub{
	display: block;
    background-color: #ffffff;
    padding-bottom: 0.8rem;

	.content {
		padding: 0.333333rem 0.4rem;
		margin: 0 0.186667rem;
		@include font-dpr(16px);
		line-height: 0.8rem;
		color: #666;
		border: 1px solid #e4e4e4;
		border-radius: 0.08rem;
		background-color: #fff;

	    height: 11rem;
	    overflow-y: scroll;

	}


	header {
		padding: 0.32rem 0rem;
		background: #fff;
		position: relative;
		color:#333;
		i{
			@include font-dpr(18px);
			padding-right:0.5rem;
			position: absolute;			
			left:0.5rem;
		}
		text-align: center;
		border-bottom:0.025rem solid #d4d4d4;
	}

	div.cbox{
		background:#fff;
		width:95%;
		margin: auto;
		margin-top:0.25rem;
		border-radius: 0.15rem;
		border:0.05rem solid #dbdbdb;
		padding:0.375rem;
		margin-bottom:0.375rem;

		.title{
			@include font-dpr(17px);
			border-bottom:0.05rem solid #dbdbdb;
			padding-bottom:0.3rem;
			margin-bottom:0.3rem;
			position: relative;
			text-indent:0.35rem;
			color:#7699ff;
			i{
				width:0.175rem;
				height:0.5rem;
				position: absolute;
				background:#7699ff;
				left:0;
			}
			
		}

		.title1{

			@include font-dpr(17px);
			border-bottom:0.05rem solid #dbdbdb;
			padding-bottom:0.3rem;
			margin-bottom:0.3rem;
			position: relative;
			text-indent:0.35rem;
			color:#7699ff;
			height: 0.75rem;
			span{
				text-indent:0rem;
				margin:0.0rem;
				padding:0.0rem;
				color:#7699ff;
				padding-left:-1rem!important;
				display:inline-block;

				&.right{
					float: right;
				}

				&.left{
					float: left;
				}
			}
		}

		.ctent{
			height: auto;
			border:none;
			@include font-dpr(15px);
			line-height: 0.7rem;
			color:#808080;

			.file{
				@include font-dpr(12px);
				margin-bottom:0.5rem;
				line-height: 0.75rem;
				dt{
					font-weight: bold;
				}
				a{
					color:#808080;
				}

			}
			.person{
				li{

				}
			}

			.record{
				li{
					color:#808080;
					white-space: nowrap;
					margin: 0.0rem;
					padding:0.2rem 0.05rem;
					span{
						margin: 0.0rem;
						display: inline-block;
						width: 100%;
						&.user{
							width: 50%;
						}

						&.other{
							width: 50%;
							text-align: right;
						}

						&.deposit{
							width: 100%;
							@include font-dpr(21px);
						}
						&.time{
							width: 100%;
							display: block;
							@include font-dpr(14px);
						}

					}

					&:nth-child(odd){
						background: #f0f0f0;
					}
					&:nth-child(even){
						background: #ffffff;
					}
				}
			}

			.pic {
				display: -webkit-box;

				/* padding-right: 0.64rem; */

				.img {
					-webkit-box-flex: 1;
					display: block;
					
					width: 100%;
					position: relative;
					height: 3.8rem;
					a{
						display: block;
						height: 3.8rem;
					}

					img {
						display: block;
						width: 100%;
					}

					span {
						position: absolute;
						left: 0;
						bottom: 0;
						padding: 0.08rem 0;
						width: 100%;
						text-align: center;
						background-color: #818181;
						color: #fff;
						@include font-dpr(13px);
						margin:0.0rem;
						padding:0.0rem;
						line-height: auto;
					}

					&:last-child{
						margin-left :0.64rem;
					}
				}
			}


		}
	}

	span {
		margin-left: 0.266667rem;
		@include font-dpr(18px);
		color: #666;
		vertical-align: middle;
	}


	span.txt{
		margin-top:2.5rem;
		display: block;
		text-align: center;
		@include font-dpr(20px);
	}
	

	span.money{
		display: block;
		margin:auto;
		margin-top:0.5rem;
		border:0.025rem solid #dcdcdc;
		padding:0.25rem 0.0rem;
		text-align:center;
		width:90%;
		color:$primaryColor;
		@include font-dpr(45px);
		font-weight: bold;
	}

	span.unt{
		@include font-dpr(30px);
	}

	.btn{
		display: block;
		width: 3rem;
		margin:auto;
		margin-top:1.0rem;
	}
	
	a.confirm, button.confirm{
		width: 3rem;
		height:3rem;
		color:#ffffff;
		border-radius: 50%;
		background:$primaryColor;
		border:none;
		margin:auto;
		@include font-dpr(28px);
		display: block;
		line-height: 3rem;
		text-align: center;
	}

	.note{

		text-align: center;
		display: block;
		width:100%;
		margin-top:0.75rem;
		color:#c0c0c0;
		@include font-dpr(16px);
	}

	a.obtn, a.back{
		display: block;
		padding: 0.266667rem 0;
		text-align: center;
		color: #fff;
		border: none;
		-webkit-appearance: none; 
		background-color: $primaryColor;
		@include font-dpr(18px);
		margin:0.25rem;
		border-radius: 0.05rem;
	}

	a.back{
		background-color: $blueColor;
	}

	
	ul.rules{
	    list-style-type: decimal!important;
	    -webkit-padding-start: 0.5rem;
	    line-height: 0.675rem;

	    li{
	    	margin-bottom: 0.375rem;
	    }
	}

}


.white{
	background: #ffffff;
}
